<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/radio.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="css/disc.css">
    <title>Document</title>
</head>
<body>
       <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
       <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
       <div class="container m-nav">
        <div class="container">
            <nav class="navbar navbar-default">
                <div class=" container-fluid">
                  <!-- Brand and toggle get grouped for better mobile display -->
                  <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                      <span class="sr-only">Toggle navigation</span>
                      <span class="icon-bar"></span>
                      <span class="icon-bar"></span>
                      <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#">
                        <span>音乐</span>         
                    </a>
                </div>
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav navbar-right">
                      <li><a href="./index.html">首页</a></li>
                      <li><a href="./mymusic.html">我的音乐</a></li>
                      <li><a href="./vip.html">VIP</a></li>
                      <li><a href="#">登录</a></li>
                      <li><a href="#">注册</a></li>
                </ul>
                </div><!-- /.navbar-collapse -->
                </div><!-- /.container-fluid -->
            </nav>
           </div>
              <div class="container">
                <div class="navbar m-top-subnav">
                    <div class=" container-fluid"> 
                      <div class="collapse navbar-collapse text-center" id="bs-example-navbar-collapse-1">
                        <ul class="nav navbar-nav">
                          <li><a href="./singer.html">歌手</a></li>
                          <li><a href="./disc.html"  class="active">新碟</a></li>
                          <li><a href="./rank1.html">排行榜</a></li>
                          <li><a href="./classify.html">分类歌单</a></li>
                          <li><a href="./radio.html">电台</a></li>
                          <li><a href="./mv.html">MV</a></li>
                        </ul>
                      </div><!-- /.navbar-collapse -->
                   </div>
                  </div>
              </div>
    </div>
    <section class="m_banner">
        <div class="m_banner_seaction  container ">
                <div class="m_banner_img">
                    <img src="image/xd-banner.jpg" alt="">
                </div>
            </div>
    </section>
    <!-- m_banner结束 -->
    <section class="m_title">
        <div class="container">
            <div class="m_container m_container_title ">
                <div class="m-container_text row">
                    <div class="m_title_text col-lg-4 col-md-4 col-sm-12 col-xs-12">
                        <h1>新碟</h1>
                        <h3>发现，新</h3>
                    </div>
                    <div class="m_container_meun col-lg-8 col-md-8 col-sm-12 col-xs-12">
                        <ul class="row">
                            <li class="col-log-2 col-md-2 col-sm-2 col-xs-2">内地</li>
                            <li class="col-log-2 col-md-2 col-sm-2 col-xs-2">港台</li>
                            <li class="col-log-2 col-md-2 col-sm-2 col-xs-2">欧美</li>
                            <li class="col-log-2 col-md-2 col-sm-2 col-xs-2">韩国</li>
                            <li class="col-log-2 col-md-2 col-sm-2 col-xs-2">日本</li>
                            <li class="col-log-2 col-md-2 col-sm-2 col-xs-2">其他</li>
                        </ul>
                    </div>
                </div>
                </div>
        </div>
    </section>
    <!-- m_title结束 -->
    <section class="m_main">
        <div class="container">
      <div class="m_container_rem row">
                <div class="title m_container">
                    <span class="span1">新碟速推</span>
                    <span class="span2">更多<i class="iconfont">&#xe60f;
                    </i></span>
                </div>
                <div class="m_container">
                    <div class="m_container_rem_list col-lg-3 col-md-3 col-sm-3 col-xs-6">
                        <div class="m_container_rem_img">
                            <div class="m_img_die">
                                <img src="image/die.png" alt="">
                               <div class="m_fimian">
                                   <img src="image/xd-shadow.jpg" alt="">
                                   <div class="m_xd_shadow">
                                    <span class="iconfont">&#xe750;</span>
                                </div>
                                </div>
                               </div>
                            <div class="m_title_h4">
                                <h4>The Shadows</h4>
                                    <p class="m_p1">SNH48_7SENSES</p>
                                    <p class="m_p2">2020-7-29</p>
                            </div>
                         </div>
                     </div>
                     <div class="m_container_rem_list col-lg-3 col-md-3 col-sm-3 col-xs-6">
                        <div class="m_container_rem_img">
                            <div class="m_img_die">
                                <img src="image/die.png" alt="">
                               <div class="m_fimian">
                                   <img src="image/xd-makemehappy.jpg" alt="">
                                   <div class="m_xd_shadow">
                                    <span class="iconfont">&#xe750;</span>
                                </div>
                                </div>
                               </div>
                            <div class="m_title_h4">
                                <h4>祝我快乐</h4>
                                    <p class="m_p1">汪苏泷</p>
                                    <p class="m_p2">2020-7-29</p>
                            </div>
                         </div>
                     </div>
                     <div class="m_container_rem_list col-lg-3 col-md-3 col-sm-3 col-xs-6">
                        <div class="m_container_rem_img">
                            <div class="m_img_die">
                                <img src="image/die.png" alt="">
                               <div class="m_fimian">
                                   <img src="image/xd-bod.jpg" alt="">
                                   <div class="m_xd_shadow">
                                    <span class="iconfont">&#xe750;</span>
                                </div>
                                </div>
                               </div>
                            <div class="m_title_h4">
                                <h4>Bod Alive</h4>
                                    <p class="m_p1"> 威神V</p>
                                    <p class="m_p2">2020-7-29</p>
                            </div>
                         </div>
                     </div>
                     <div class="m_container_rem_list col-lg-3 col-md-3 col-sm-3 col-xs-6">
                        <div class="m_container_rem_img">
                            <div class="m_img_die">
                                <img src="image/die.png" alt="">
                               <div class="m_fimian">
                                   <img src="image/xd-bufu.jpg" alt="">
                                   <div class="m_xd_shadow">
                                    <span class="iconfont">&#xe750;</span>
                                </div>
                                </div>
                               </div>
                            <div class="m_title_h4">
                                <h4>不服</h4>
                                    <p class="m_p1"> 张紫宁</p>
                                    <p class="m_p2">2020-7-29</p>
                            </div>
                         </div>
                     </div>
                     <div class="m_container_rem_list col-lg-3 col-md-3 col-sm-3 col-xs-6">
                        <div class="m_container_rem_img">
                            <div class="m_img_die">
                                <img src="image/die.png" alt="">
                               <div class="m_fimian">
                                   <img src="image/xd-mywrold.jpg" alt="">
                                   <div class="m_xd_shadow">
                                    <span class="iconfont">&#xe750;</span>
                                </div>
                                </div>
                               </div>
                            <div class="m_title_h4">
                                <h4>我的世界没有你</h4>
                                    <p class="m_p1"> 苏晗</p>
                                    <p class="m_p2">2020-7-29</p>
                            </div>
                         </div>
                     </div>
                     <div class="m_container_rem_list col-lg-3 col-md-3 col-sm-3 col-xs-6">
                        <div class="m_container_rem_img">
                            <div class="m_img_die">
                                <img src="image/die.png" alt="">
                               <div class="m_fimian">
                                   <img src="image/xd-dabinxiaobin.jpg" alt="">
                                   <div class="m_xd_shadow">
                                    <span class="iconfont">&#xe750;</span>
                                </div>
                                </div>
                               </div>
                            <div class="m_title_h4">
                                <h4>大兵和小兵</h4>
                                    <p class="m_p1">于文文</p>
                                    <p class="m_p2">2020-7-29</p>
                            </div>
                         </div>
                     </div>
                     <div class="m_container_rem_list col-lg-3 col-md-3 col-sm-3 col-xs-6">
                        <div class="m_container_rem_img">
                            <div class="m_img_die">
                                <img src="image/die.png" alt="">
                               <div class="m_fimian">
                                   <img src="image/xd-huashen.jpg" alt="">
                                   <div class="m_xd_shadow">
                                    <span class="iconfont">&#xe750;</span>
                                </div>
                                </div>
                               </div>
                            <div class="m_title_h4">
                                <h4>化身孤独的鲸</h4>
                                    <p class="m_p1"> 周深</p>
                                    <p class="m_p2"> 2020-7-28</p>
                            </div>
                         </div>
                     </div>
                     <div class="m_container_rem_list col-lg-3 col-md-3 col-sm-3 col-xs-6">
                        <div class="m_container_rem_img">
                            <div class="m_img_die">
                                <img src="image/die.png" alt="">
                               <div class="m_fimian">
                                   <img src="image/xd-kaishibiaoyan.jpg" alt="">
                                   <div class="m_xd_shadow">
                                    <span class="iconfont">&#xe750;</span>
                                </div>
                                </div>
                               </div>
                            <div class="m_title_h4">
                                <h4>开始你的表演</h4>
                                    <p class="m_p1"> 豌豆嘟嘟/一坨厨师</p>
                                    <p class="m_p2">2020-7-27</p>
                            </div>
                         </div>
                     </div>
                     <div class="m_container_rem_list col-lg-3 col-md-3 col-sm-3 col-xs-6">
                        <div class="m_container_rem_img">
                            <div class="m_img_die">
                                <img src="image/die.png" alt="">
                               <div class="m_fimian">
                                   <img src="image/xd-duotianhuang.jpg" alt="">
                                   <div class="m_xd_shadow">
                                    <span class="iconfont">&#xe750;</span>
                                </div>
                                </div>
                               </div>
                            <div class="m_title_h4">
                                <h4>过天荒</h4>
                                    <p class="m_p1"> 朱星杰</p>
                                    <p class="m_p2">2020-7-27</p>
                            </div>
                         </div>
                     </div>
                     <div class="m_container_rem_list col-lg-3 col-md-3 col-sm-3 col-xs-6">
                        <div class="m_container_rem_img">
                            <div class="m_img_die">
                                <img src="image/die.png" alt="">
                               <div class="m_fimian">
                                   <img src="image/xd-yongsheng.jpg" alt="">
                                   <div class="m_xd_shadow">
                                    <span class="iconfont">&#xe750;</span>
                                </div>
                                </div>
                               </div>
                            <div class="m_title_h4">
                                <h4>永生</h4>
                                    <p class="m_p1">韩红</p>
                                    <p class="m_p2">2020-7-27</p>
                            </div>
                         </div>
                     </div>
                     <div class="m_container_rem_list col-lg-3 col-md-3 col-sm-3 col-xs-6">
                        <div class="m_container_rem_img">
                            <div class="m_img_die">
                                <img src="image/die.png" alt="">
                               <div class="m_fimian">
                                   <img src="image/xd-9.jpg" alt="">
                                   <div class="m_xd_shadow">
                                    <span class="iconfont">&#xe750;</span>
                                </div>
                                </div>
                               </div>
                            <div class="m_title_h4">
                                <h4>9</h4>
                                    <p class="m_p1">超级超市</p>
                                    <p class="m_p2"> 2020-7-27</p>
                            </div>
                         </div>
                     </div>
                     <div class="m_container_rem_list col-lg-3 col-md-3 col-sm-3 col-xs-6">
                        <div class="m_container_rem_img">
                            <div class="m_img_die">
                                <img src="image/die.png" alt="">
                               <div class="m_fimian">
                                   <img src="image/xd=shijiezhenzhong.jpg" alt="">
                                   <div class="m_xd_shadow">
                                    <span class="iconfont">&#xe750;</span>
                                </div>
                                </div>
                               </div>
                            <div class="m_title_h4">
                                <h4>世界正中</h4>
                                    <p class="m_p1"> 陈粒</p>
                                    <p class="m_p2">2020-7-25</p>
                            </div>
                         </div>
                     </div>
                </div>
         </section>
         <div class="m_button container">
            <a href="#">查看更多</a>
        </div>
        <footer>
            <div class="container m_content">
                <div class="row">
                    <div class="row">
                        <div class="col-md-4 col-sm-12">
                                 <span class="">下载M音乐客户端</span>                           
                                 
                                         
                                    <div class="m_cont">
                                       <div><a href="#">&#xe8c4;</a><span>pc版</span></div>
                                       <div><a href="#">&#xe64d;</a><span>安卓版</span></div>
                                       <div><a href="#">&#xe63d;</a><span>苹果版</span></div>
                                       
                                </div>
                        </div>
                        <div class="col-md-4 col-sm-12">
                            <span>协议与声明</span>
                               <div class="m_agreement">
                                    <span>用户与服务协议</span>
                                    <span>免责声明</span>
                                    <span>隐私政策</span>
                                    <span>权利声明</span>  
                               </div>
                        </div>
                        <div class="col-md-4 col-sm-12">
                            <span>其他</span>
                            <div class="m_more">
                                 <span>联系我们</span>
                                 <span>腾讯音乐</span>
                                 <span>诚聘英才</span>
                                 <span>广告服务</span>
                                 <span>网上有害信息举报专所</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 col-sm-12">
                          <div>
                              <span>
                                四川知了科技有限公司版权所有1网络文化经营许可证:京网文[2015]0525-205号1 信 息网络传播视听节目许可证0109362号1增值电信业务经营许可证B2 -20090418 I京ICP证
                                <br>060261号                            
                              </span>
                              <span>广播电视节目制作经营许可证京字第2037号|营 业性演出许可证京市演15741京公网安备 11010502030216号1京CP备09014827号
                            </span>
                              <span>举报电话: 010-879399491举报邮箱 : support@kuwo.cn
                            </span>
                              
                          </div>
                    </div>
    
                </div>
            </div>
        </footer>
</body>


</html>